<template>
  <div>
    <Test></Test>
    <Nav></Nav>
    <SearchBox></SearchBox>
    <HotSearch></HotSearch>
    <JobMenu></JobMenu>
    <TabBox></TabBox>
    <HotComp></HotComp>
    <SideBar></SideBar>
    <HomeSwipe></HomeSwipe>
    <HomeFooter></HomeFooter>
  </div>
</template>

<script>
import Nav from './Components/Nav'
import SearchBox from './Components/SearchBox'
import HotSearch from './Components/HotSearch'
import JobMenu from './Components/JobMenu'
import TabBox from './Components/TabBox'
import HotComp from './Components/HotComp'
import Test from './Components/Test'
import SideBar from './Components/SideBar'
import HomeSwipe from './Components/HomeSwiper'
import HomeFooter from './Components/HomeFooter'

export default {
  name: 'index',
  components: {
    HomeFooter,
    HomeSwipe,
    SideBar,
    Test,
    HotComp,
    TabBox,
    JobMenu,
    HotSearch,
    SearchBox,
    Nav
  },
  data () {
    return {}
  },
  mounted () {
    this.$ajax.get('api/example/1592618149139').then((res) => {
      // console.log(res)
    })
  }
}
</script>

<style lang="scss">
.container {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
</style>
